<!DOCTYPE html>
<html>
<head>
<title>jQuery Adventures</title>
</head>
<script src="lib.js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script>
	$(document).ready(function()
	 {
		 <!--$("#destinations").find("li:first").text("simu");-->
		 $('p').on('click',function()
		 {
		 var price=$('<li>from $399rs</li>');
		<!-- $('#destinations').append(price);
		<!-- $('p').remove();-->
		$(this).after(price);
		$(this).remove();
		}) 
		});
</script>
		

<body>
<h1>Where do you want to go?</h1>
<h2>Travel Destinations</h2>
<p>Plan your next adventure.</p>
<ul id="destinations">
	<li>Rome</li>
   <li>
      <ul id="france">
		  <li>Paris</li>
      </ul>
   </li>
   <li class='promo'>Rio</li>
</ul>
HTML document</body>
</html>

